<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta charset="UTF-8"><title>QQ注册</title>
<link rel="stylesheet" type="text/css" href="static/qqregister/css/index-8d3b3ee17d.css">
</head>
<body style="display: block; opacity: 1;">
<a class="logo" href="javascript:void(0)" data-bind="click: home">QQ</a>
<div class="side" style="background-image: url(static/qqregister/images/01-1.jpg);">
</div><div class="top">
<div class="item feedback"><a>意见反馈</a></div>
<div class="item language-entry" ><div>简体中文
</div>
</div>
	<div class="item lianghao">
		<a class="lianghao-entry" href="#">
		<div>QQ靓号</div>
			<img src="static/qqregister/images/logo3.png"></a>
		</div>
	</div>

<div class="main-wraper">
<div class="main" >
<div class="form"  >
<div >
<div class="welcome">欢迎注册QQ</div>
	<div class="header free-lianghao-entry">
		<a href="javascript:void(0)" >免费靓号</a>
	</div>
	<div class="header">每一天，乐在沟通。</div>
</div>

	<form  action="register_submit"  method="post">
		<div class="input-area">
			<div class="input-flags">
			</div>
			<label class="input-placeholder" id="nickname-tips" for="nickname" data-bind="visible: nickname().length == 0">昵称</label>
			
			<div class="input-outer">
			<input  type="text" name="qAccount" id="qAccount" class="nickname" maxlength="24" data-bind="textInput: nickname, event: {blur:checkDirtyNickname,focus:onNicknameFocus}, css:{error: typeof nicknameStatus() == 'string'}" tabindex="3">
			</div>
			<div class="error-tips-wrap slideup" data-bind="css:{slideup:nicknameTips().length === 0}">
				<div class="error-tips" data-bind="text: nicknameTips, visible: nicknameTips().length" ></div>
			</div>
		</div>
		
		<div class="input-area">
				<label class="input-placeholder" id="password-tips" for="password" data-bind="visible: password().length == 0">密码</label>
				<div class="input-outer">

					<input type="password" name="qPwd" id="qPwd" class="password" maxlength="16" data-bind="textInput: password, event: {blur:checkPassword,focus:onPasswordFocus}, css:{error:typeof passwordStatus() === 'string'}, hasFocus:passwordFocus" tabindex="4">
				</div>
		
				<div class="password-tips-group slideup" data-bind="css:{slideup:!passwordFocus()}">
					<div class="password-tips ok" data-bind="css:{ok:!passwordHasBlank()}">不能包括空格</div>
					<div class="password-tips" data-bind="css:{ok:!passwordBadLength()}">长度为8-16个字符</div>
					<div class="password-tips" data-bind="css:{ok:!passwordSimple()}">必须包含字母、数字、符号中至少2种</div>
				</div>
			<div class="error-tips-wrap slideup" data-bind="css:{slideup:passwordTips().length === 0}">
				<div class="error-tips" data-bind="text: passwordTips, visible: passwordTips().length" >
				</div>
			</div>
		</div>

		<div>
			<input id="get_acc" type="submit" class="submit" value="立即注册" tabindex="8">
			<div class="error-tips-wrap slideup" data-bind="css:{slideup:getNumTips().length === 0}">
			</div>
		</div>
		
		<div class="agreement">
		<input type="checkbox" name="agree" id="agree" data-bind="checked: agree" checked="checked">
			<label for="agree" class="checkbox">
				<img src="static/qqregister/images/checkbox_check.png" data-bind="visible: agree()" >
				<img src="static/qqregister/images/checkbox_normal.png" data-bind="visible: !agree()" >&nbsp;我已阅读并同意相关服务条款和隐私政策
			</label>&nbsp; 
			<img src="static/qqregister/images/up.png" data-bind="click: switchAgreement, visible: agreementOpened()" style="display: none;"> 
			<img src="static/qqregister/images/down.png" data-bind="click: switchAgreement, visible: !agreementOpened()" style="">
			
			<div class="agreement-list" data-bind="style:{visibility:agreementOpened()?'visible':'hidden',opacity:agreementOpened()?'1':'0'}" style="visibility: hidden; opacity: 0;">
			<a href="#" target="_blank">《QQ号码规则》</a> 
			<a href="#" target="_blank">《隐私政策》</a> 
			<a href="#" data-bind="style: {visibility: qzone()&amp;&amp;agreementOpened()?'visible':'hidden'}" target="_blank" style="visibility: hidden;">《QQ空间服务协议》</a>
			</div>
		</div>
	</form>
</div>




<div class="footer bottom" style="width: 1440px;">Copyright 
<span>©</span> 1998-
<script>document.write((new Date).getFullYear())</script>2019Tencent All Rights Reserved</div>
</div>

<script src="static/qqregister/js/libs-233df6bcaf.js"></script>
<script type="text/javascript">window.lang=2052</script>
<script src="static/qqregister/js/index-161a49d295.js"></script>
<script type="text/javascript" src="static/qqregister/js/stats" charset="UTF-8"></script>
</body>
</html>